<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:f="http://java.sun.com/jsf/core">

    <rich:modalPanel id="panelCriterio"  width="470" height="450" resizeable="false">

        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="Lista de Criterios"></h:outputText>
            </h:panelGroup>
        </f:facet>

        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="../imagenes/close.png" styleClass="hidelink" id="hidelink"/>
                <rich:componentControl for="panelCriterio" attachTo="hidelink" operation="hide" event="onclick"/>
            </h:panelGroup>
        </f:facet>

        <h:panelGrid id="pngListaCriterios" columns="1">

            <rich:panel id="pnlFiltroBCriterio">
                <h:panelGrid id="pngBuscarCriterio" columns="6">

                    <h:outputText id="outFiltroBuscarCriterio" value="Filtro:" styleClass="texto_negrita_derecha"/>

                    <h:selectOneMenu id="slmFiltroBuscarCriterio" value="#{gestorBuscarCriterios.filtroBusqueda}">
                        <f:selectItem id="itmcodigo" itemValue="codigo" itemLabel="#{general.codigo}"/>
                        <f:selectItem id="itmnombre" itemValue="nombre" itemLabel="Nombre"/>
                        <a4j:support id="supFiltros" event="onchange" ajaxSingle="true"/>
                    </h:selectOneMenu>

                    <h:inputText id="idValorBuscar" valueChangeListener="#{gestorBuscarCriterios.buscarValor}" value="#{gestorBuscarCriterios.valorBuscar}" title="Valor"
                                 maxlength="10">
                        <a4j:support id="supTexto" event="onchange" ajaxSingle="true"/>
                    </h:inputText>


                    <a4j:commandButton id="btnBuscarCriterioF" value="Buscar" title="Buscador Empleado" reRender="pngListaCriterios,dttListaCriterios"
                                       actionListener="#{gestorBuscarCriterios.buscarValor}" action="#{gestorBuscarCriterios.buscarValor}" immediate="true">

                    </a4j:commandButton>

                </h:panelGrid>
            </rich:panel>



            <rich:dataTable id="dttListaCriterios" binding="#{gestorBuscarCriterios.tablaCriterios}"
                            value="#{gestorBuscarCriterios.listadoActual}" var="criterio" rowKeyVar="row" rows="10">
                <f:facet id="fctHeadCriterio" name="header"  >
                    <h:outputText id="outHeadCriterio" value="Criterios"/>
                </f:facet>

                <rich:column id="clmCICriterio" width="90px"
                             >
                    <f:facet id="fctClmHeadCi" name="header">
                        <h:outputText id="outClmHeadCi" value="#{general.codigo}" title="#{general.codigo}"/>
                    </f:facet>
                    <h:outputText id="outClmValCi" value="#{criterio.codigo}"/>
                </rich:column>
                <rich:column id="clmNomCriterio" width="300px">
                    <f:facet id="fctClmHeadNom" name="header">
                        <h:outputText id="outClmHeadNom" value="Nombre"/>
                    </f:facet>
                    <h:outputText id="outClmValNom" value="#{criterio.descripcion}"/>
                </rich:column>
                <rich:column id="clmAccionesCriterio" label="Acciones" width="55px" sortable="false">
                    <f:facet id="fctClmAccionesCriterio" name="header">
                        <h:outputText id="outClmAccionesCriterio" value="Acciones" title="Acciones"/>
                    </f:facet>
                    <div id="divAccionesCriterio" align="center">
                        <a4j:commandButton id="btnAccionCriterio" actionListener="#{gestorBuscarCriterios.seleccionarCriterio}" value="Mostrar Detalle"
                                           image="/imagenes/book_next.ico" ajaxSingle="true" reRender="#{gestorBuscarCriterios.reRender}" title="#{general.titleBtnSeleccionar}"
                                           />
                    </div>
                </rich:column>

                <f:facet id="fctPieDetalleCriterio" name="footer">
                    <rich:datascroller id="dtsDetalleCriterio" for="dttListaCriterios"/>
                </f:facet>
            </rich:dataTable>
        </h:panelGrid>
    </rich:modalPanel>
</ui:composition>

